﻿<template>
      <!--send box s-->
      <div class="wrap_letter_send_box">
        <p class="certain_layer_input_title">输入收到的信件ID</p>
        <input type="text" class="input_letter_id">
        <div class="wrap_user_img">
          <img src="../../../../static/img/test_user_img.jpg" alt="">
        </div>
        <p class="bot_id">
          ID:789859796
        </p>
        <div class="certain_btn" v-on:click="letter_certain">

        </div>
      </div>
</template>
<script>
import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
import "../../../../static/css/Letter/Certain_layer.css";
import "../../../../static/css/Letter/Certain_layer_input.less"
import { Toast } from 'mint-ui';
export default {
  name: 'hello',
  data () {
    return {
      get_layer_show:this.$store.getters.get_layer_show
    }
  },
  ...mapActions([
    "thom_redirect",
  ]),
  ...mapMutations([
    "Change_certain_layer"
  ]),
  methods: {
    //页面跳转
    certain_jump: function () {
      this.$store.dispatch("thom_redirect",{name:"/letter/SucLetter",router:this.$router});
    },
    hid_layer:function () {
      this.$store.dispatch("thom_redirect",
        {
          name:"/Index_main",router:this.$router
        });
    },
    letter_certain:function () {
      this.$store.dispatch("thom_redirect",
        {
          name:"/Index_main/Wrap_certain_layer/Certain_layer",router:this.$router
        });
    }
  }
}
</script>
<style scoped>
  .wrap_user_img{
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    border: 2px solid #cc9966;
    margin: 0 auto;
    background-color: #ffffff;
    margin-bottom: 0.85rem;
    position: relative;
  }
  .wrap_user_img img{
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display: block;
  }
  .wrap_letter_send_box{
    height:18rem;
  }
  .input_letter_id {
    margin-bottom: 1rem;
  }
  .wrap_user_img{
    width:5rem;
    height:5rem;
    margin-bottom:0.5rem;
  }
  .wrap_user_img img{
     width:4.5rem;
     height:4.5rem;
  }
  .letter_send_box p:nth-child(1){
    margin-top:1rem;
  }
  .layer_certain_btn_2 {
    margin: 0 auto 0.1rem;
  }

</style>


